// pages/index/index.scss
.pageContainer {


}

.confirm{
  margin: 30px 30px;
  display: flex;
  flex-direction: row;
  .to-save{
    flex: 1;
    margin-right: 30rpx;
  }

  .search{
    flex: 1;
    margin-left: 30rpx;
  }
}

.order-header {
  // Header 样式
  margin-bottom: 20px;
}



.phone{
  font-size: 30px;
  color: #1890FF;
  font-weight: 600;
}
.dialog-money{
   display: block;
   text-align: center;

   .money{
     font-size: 30px;
     color: #ff4a3a;
     font-weight: 600;
   }
 }
.dialog-remark{
  color: #67C23A;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 30rpx;
  font-weight: 600;
}

.inputGroup {
  display: flex;
  flex-direction: column;
  gap: 40rpx;
  padding: 40rpx;
}

.inputItem {
  display: flex;
  flex-direction: column;
  gap: 16rpx;

  .label {
    font-size: 28rpx;
    font-weight: 600;
    color: #222;
  }

  .customInput {
    // NutUI 内部变量（控制容器）
    --nut-input-border-color: #d4d6dc;
    --nut-input-border-radius: 16rpx;
    --nut-input-padding: 22rpx 30rpx;
    --nut-input-background-color: #fdfdfd;
    --nut-input-font-size: 28rpx;
    --nut-input-color: #222;

    border: 1rpx solid var(--nut-input-border-color);
    box-shadow:
      0 4rpx 10rpx rgba(0, 0, 0, 0.06),
      inset 0 1rpx 2rpx rgba(255, 255, 255, 0.5);
    transition: all 0.25s ease;

    &:focus-within {
      --nut-input-border-color: #2b6cf5;
      --nut-input-background-color: #ffffff;
      box-shadow:
        0 0 0 6rpx rgba(43, 108, 245, 0.1),
        0 4rpx 10rpx rgba(43, 108, 245, 0.08);
    }

    input::placeholder {
      color: #888;
    }
  }
}
